<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/popper.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/header.css">
    <title>Document</title>
</head>
<body>
    <div class="container-fluid head d-flex align-items-stretch">
        <div class="container d-flex justify-content-between align-items-center">
            <a href="#" class="logo"></a>
            <button data-toggle="collapse" data-target="#menu-hidden" class="d-sm-inline-block d-lg-none btn btn-success">折叠</button>
            <div class="row no-gutters nav-box d-sm-none d-lg-flex">
                <div class="col-6">
                        <ul class="navigation-frame d-flex justify-content-around list-unstyled mb-0">
                            <!-- <li><a href="#" class="logo"></a></li> -->
                            <li class="navigation-list d-inline-block"><a class="d-block navigation-link" href="#">产品与服务</a></li>
                            <li class="navigation-list d-inline-block"><a class="d-block navigation-link" href="#">创新科技</a></li>
                            <li class="navigation-list d-inline-block"><a class="d-block navigation-link" href="#">新闻中心</a></li>
                            <li class="navigation-list d-inline-block"><a class="d-block navigation-link" href="#">BOE商城</a></li>
                        </ul>
                </div>
                <div class="col-6">
                        <ul class="d-sm-none d-lg-flex justify-content-around list-unstyled mb-0">
                            <li class="navigation"><a class="d-block navigation-link1" href="#">关于我们</a></li>
                            <li class="navigation"><a class="d-block navigation-link1" href="#">投资者关系</a></li>
                            <li class="navigation"><a class="d-block navigation-link1" href="#">加入我们</a></li>
                            <li class="navigation"><a class="d-block navigation-link1" href="#">多媒体中心</a></li>
                        </ul>
                    <div>
                        <ul class="d-sm-none d-lg-flex justify-content-around list-unstyled mb-0">
                            <input type="text">
                            <a href="#" id="btn-search"></a>
                            <li class="navigation-list"><a class="d-block navigation-link" href="#">English</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="menu-hidden" class="collapse">
            <ul class="list-unstyled border-bottom border-dark">
                <li class=""><a class="text-dark d-block border-top" href="#">产品与服务</a></li>
                <li class=""><a class="text-dark d-block border-top" href="#">创新科技</a></li>
                <li class=""><a class="text-dark d-block border-top" href="#">新闻中心</a></li>
                <li class=""><a class="text-dark d-block border-top" href="#">BOE商城</a></li>
                <li class=""><a class="text-dark d-block border-top" href="#">关于我们</a></li>
                <li class=""><a class="text-dark d-block border-top" href="#">投资者关系</a></li>
                <li class=""><a class="text-dark d-block border-top" href="#">加入我们</a></li>
                <li class=""><a class="text-dark d-block border-top" href="#">多媒体中心</a></li>
            </ul>
        </div>
    </div>
</body>
</html>